<script>
    // прозрачность для всех полей-чекбоксов на странице
  /*  $('input[type=checkbox]').css({'opacity': 0});
    $('input[type=checkbox]').css({'margin-left': '5px'});
    $('input[type=checkbox]').css({'margin-top': '-4000px'}); */
    // добавили обертку для элементов
    $('input[type=checkbox]').css({'opacity': 0}).css({'height': '100%'}).css({'width': '100%'}).wrap('<span class="wrap-checkbox"></span>');

    $('.wrap-checkbox').click(function() {
      $(this).toggleClass('active'); /* переключатель класса .active */
    })
    
    $('input[type=checkbox]').each(function ()
    {
        if($(this).is(':checked')){
            $(this).parent().addClass('active');    
        }
        
    });    
    
    
    $(function() {
      /* Обрабатываем отправку формы */
      $('.search-form').submit(function() {
        var errVal = 'пустой запрос';
        /* Если поле пустое или содержит значение errVal */
        if($('.search').val() == '' || $('.search').val() == errVal) {
          /* добавить в поле значение errVal, изменить цвет фона и */
          $('.search').val(errVal).css({backgroundColor: 'rgba(0,0,0,.1)'});
          /* возвратить false - форма не отправляется */
          return false;
        };
      });
      /* При фокусе на поле */
      $('.search').focus(function() {
        /* выставить пустое значение поля, задать цвет фона в изначальный */
     //   $(this).val('').css({backgroundColor: '#d8e6ef'});
        /* показать всплывающую подсказку */
        $('.notice').fadeIn(400);
      });
      /* При снятии фокуса */
      $('.search').blur(function() {
        /* убрать всплывающую подсказку */
        $('.notice').fadeOut(400);
      });
    });    
    
</script>